<template>
<div class="page VR-page" data-page="VR" style="z-index: 2;">
	<div class="link-page-nav">
		<a href="#" class="link" @click="$root.backToTab()"> <i
			class="iconfont icon-zuo"></i>
		</a>
	</div>
	<div class="page-content" style="background-color: #F1F1F1">
		<div class="main-vr" style="height: 100%; text-align: center;">
			<iframe id="VR-iframe" src=""
				style="border: 0px; width: 100%; height: 100%;"></iframe>
		</div>
	</div>
</div>
</template>

<script>
	return {
		data : function() {
			return {
				VRUrl : decodeURIComponent(this.$route.params.VRUrl)
			}
		},
		methods : {
			htmlPage : function() {
				var self = this;
				jQuery("#VR-iframe").attr("src", self.VRUrl);
			}
		},
		on : {
			pageInit : function(e, page) {
				var self = this;

				self.htmlPage();
			}
		}
	}
</script>
<style scoped>
.link-page-nav {
	position: absolute;
	top: 15px;
	color: #fff;
	z-index: 999;
	background-color: transparent;
	/* box-shadow: 0px 8px 1px 0px rgba(26, 74, 129, 0.15); */
}

.link-page-nav .iconfont {
	color: #fff;
}
</style>